<template>
  <div class="list">
    <header class="list-header">
      <form action="" class="flex">
        <img src="../assets/images/icon-home.png" alt />
        <div class="inner flex">
          <input type="text" value="web前端" />
          <span>&times;</span>
        </div>
        <button>搜索</button>
      </form>
    </header>
    <section>
      <div class="filter flex">
        <dl class="active">
          <dt>經驗</dt>
          <dd>
            <ul>
              <li class="active">應届生</li>
              <li>1年</li>
              <li>2年</li>
              <li>3年</li>
            </ul>
          </dd>
        </dl>
        <dl>
          <dt>經驗</dt>
          <dd>
            <ul>
              <li class="active">應届生</li>
              <li>1年</li>
              <li>2年</li>
              <li>3年</li>
            </ul>
          </dd>
        </dl>
        <dl>
          <dt>經驗</dt>
          <dd>
            <ul>
              <li class="active">應届生</li>
              <li>1年</li>
              <li>2年</li>
              <li>3年</li>
            </ul>
          </dd>
        </dl>
        <dl>
          <dt>經驗</dt>
          <dd>
            <ul>
              <li class="active">應届生</li>
              <li>1年</li>
              <li>2年</li>
              <li>3年</li>
            </ul>
          </dd>
        </dl>
      </div>
      <ul class="job-list">
        <li>
          <a href="" class="flex">
            <img src="../assets/images/list-img.jpg" alt="">
            <div class="text">
              JAVA
              <span class="salary">6-8k</span>
            </div>
            <div class="campny">
              悲憫如當年
            </div>
            <div>
              <span>北京</span>
              <span>1-3年</span>
              <span>本科</span>
            </div>
          </a>
        </li>
      </ul>
    </section>
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>